<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Binding Cell Phone</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1516407_fx9en0nm4fw.css">
    <link rel="stylesheet" href="../../css/shouye.css">
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <style>
        main{
            width:100%;
            /* height:626px; */
            /* border:1px solid #e7e7e7; */
            /* margin-top:10px; */
        }
        .m-right{
            width:100%;
            height:100%;
            /* border-left: 1px solid #e7e7e7; */
            position: relative;
            /* margin-top:-20px; */
        }
        .Top{
            width:100%;
            height:280px;
            background:#f4fff2;
        }
        .Top i,.Top b,.Top em{
            float: left;
        }
        .Top i img{
            margin-top:52px;
            margin-left:45%;
        }
        .Top b{
            margin-top:95px;
            margin-left:6.5%;
        }
        .Top em{
            width:13.84%;
            height:80px;
            font:16px/30px "微软雅黑";
            margin-top: 70px;
        }
        .Top em:nth-child(3){
            margin-left: 10%;
        }
        .Top em p{
            color:#f08200;
        }
        .Top em h5 span{
            color:#5b9c50;
        }
        .Bottom img{
            width: 100%;
            margin-top:50px;
           
        }
    </style>
</head>
<body>
    <main id="wrap">
        <div class="m-right">
            <div class="Top">
                <i>
                    <img src="../../img/img-JL/green-orange.png" alt="">
                </i>
                <b>您好，13628934657</b>
                <em>
                    <h5>当前积分</h5>
                    <p>124</p>
                </em>
                <em>
                    <h5>我的钱包</h5>
                    <p>￥1220.0</p>
                </em>
                <em>
                    <h5>
                        <span>充值有礼</span>
                        <span> >> </span>
                    </h5>
                    <p>
                        <span>充值卡兑换</span>
                        <span> >> </span>
                    </p>
                </em>
            </div>
            <div class="Bottom">
                <strong>
                    <img src="../../img/img-JL/NP.png" alt="">
                </strong>
            </div>
        </div>
    </main>
</body>
</html>